<template>
  <div>
    <x-table :cell-bordered="false" :content-bordered="false" style="background-color:#fff;">
      <thead>
      <tr style="background-color: #F7F7F7">
        <th>科目</th>
        <th>分数</th>
        <th>排名</th>
      </tr>
      </thead>
      <tbody>
      <tr>
        <td>语文</td>
        <td>{{score.chinese}}</td>
        <td>{{score.chineserank}}</td>
      </tr>
      <tr>
        <td>数学</td>
        <td>{{score.math}}</td>
        <td>{{score.mathrank}}</td>
      </tr>
      <tr>
        <td>英语</td>
        <td>{{score.english}}</td>
        <td>{{score.englishrank}}</td>
      </tr>
      <tr>
        <td>政治</td>
        <td>{{score.political}}</td>
        <td>{{score.politicalrank}}</td>
      </tr>
      <tr>
        <td>历史</td>
        <td>{{score.history}}</td>
        <td>{{score.historyrank}}</td>
      </tr>
      <tr>
        <td>地理</td>
        <td>{{score.geo}}</td>
        <td>{{score.georank}}</td>
      </tr>
      <tr>
        <td>总分</td>
        <td>{{score.totalscore}}</td>
        <td>{{score.rank}}</td>
      </tr>
      </tbody>
    </x-table>
  </div>
</template>
<script>
  import { XTable } from 'vux'

  export default {
    components: {
      XTable
    },
    created: function () {
      this.score = this.$route.query.score
      console.log(this.score)
    },
    methods: {
    },
    data () {
      return {
        score: Object
      }
    }
  }
</script>

<style scoped>

</style>
